<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单元素</title>
</head>
<body>
    <!-- 
    文本框
        -文本通过<input type="text"> 标签来设定
        -当用户要在表单中输入字母、数字等内容时，就会用到文本域
    密码框
        -密码字段通过标签 <input type="password"> 来定义
        -密码字段字符不会明文显示，而是以星号或圆点替代
    提交按钮
        -当用户单击确认按钮时，表单的内容会被传送到另一个文件。
        -表单的动作属性定义了目的文件的文件名。
        -由动作属性定义的这个文件通常会对接收到的输入数据进行相关处理
        -简单来说就是点击提交按钮，会把数据提交给服务器
    -->
    <form>
        用户名：<input type="text">
        密码：<input type="password">
        <input type="color">
        <input type="submit" value="登录">
    </form>
</body>
</html>